@charset 'utf-8';
@function r($px) {
    @return ($px/40) * 1rem;
}

@function half($px) {
    @return ($px/2) * 1px;
}

html,
body {
    header {
        padding: half(48) half(23) half(18);
        a {
            .Back {
                width: half(123);
                height: half(57);
                background-color: #ffffff;
                border-radius: half(20);
                border: solid 1px #ff9344;
                p {
                    font-size: half(26);
                    color: #000;
                    line-height: half(57);
                    text-align: center;
                }
            }
        }
        .classify {
            font-size: half(26);
            text-align: center;
            padding-top: half(16);
        }
        .envelope {
            padding-top: r(10);
            img {
                width: r(62);
            }
        }
    }
    section {
        color: #000;
        .data {
            padding: 0 half(22) half(26);
          
            .my_head {
                img {
                    width: r(170);
                    margin-right: r(24);
                }
            }
            >div:nth-of-type(2) {
                span {
                    display: inline-block;
                    vertical-align: middle;
                }
                span:first-child {
                    font-size: half(30);
                    line-height: half(35);
                }
                span:last-child {
                    font-size: half(26);
                    line-height: half(53);
                    letter-spacing: 0px;
                    color: #9d9d9d;
                    padding-top: half(37);
                }
            }
            div:last-of-type {
                img {
                    width: r(41);
                    padding-top: r(60);
                }
            }
        }
        a {
            color: #000;
            .title {
                margin-top: r(37);
                padding: 0 half(21) half(23);
                border-bottom: 1px solid #ccc;
                * {
                    display: inline-block;
                    vertical-align: middle;
                }
                >div:first-child img {
                    width: r(59);
                    margin-right: r(38);
                }
                >div:first-child span {
                    font-size: half(30);
                    margin-right: half(8);
                }
                >div:last-child {
                    font-size: half(24);
                    margin-top: half(11);
                    img {
                        width: r(25);
                        padding-left: half(8);
                    }
                }
            }
            
        }
       
        .state {
            display: flex;
            justify-content: space-around;
            padding-top: half(36);
            button {
                width: r(147);
                height: r(76);
                background-color: #ff9344;
                border-radius: r(76);
                font-size: half(24);
                color: #ffffff;
            }
        }
    }
}